<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习中心</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <script>
        var w = window.innerWidth||screen.width;		//获取设备宽
        var html = document.documentElement;
        if(w>750){
            w=750;
        }
        var fontSize = w / 16 + 'px';
        html.style.fontSize = fontSize;
    </script>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/learning_center.css">
</head>
<body>
<div class="top_wrap">
    <div class="my_head clear">
        <div class="my_img">
            <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
        </div>
        <div class="my_detail">
            <h2 class="u_name">小明</h2>
            <p class="u_identity">身份：医生</p>
            <p class="u_class">属于：格致书院001班01号学员</p>
            <p class="period_t text_pro"><img src="images/time_icon.png" class="middle time_icon" alt=""><span class="middle">有效期：2018-05-04</span></p>
        </div>
    </div>
    <div class="set_meal">
        <p>立即升级：荣耀终生会员</p>
    </div>
</div>

<div class="take_course b_w">
    <div class="take_cont c_w">
        <div class="schedule c_w">
            <p class="sched_t middle">整体进度：</p>
            <div class="middle pro_bar">
                <div class="pro_bar_act student_bg" style="width: 20%"></div>
            </div>
            <p class="middle plan_t">20%</p>
        </div>
        <!--**课程**-->
        <div class="major_cont">
            <div class="major_course c_w clear">
                <div class="cour_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
                </div>
                <div class="cour_detail">
                    <h2 class="cour_tit"><strong>[主修]</strong>《文献一点通》理论课【上理论课【上</h2>
                    <p class="cour_time">时长：37分</p>
                    <p class="cour_diff">难度：初级</p>
                </div>
                <div class="learn_but">
                    <input type="button" value="继续学习" class="l_but">
                </div>
            </div>
        </div>
    </div>
</div>

<!--****主修课程列表****-->
<div class="take_course b_w">
    <div class="major_head c_w">
        <h2 class="major_tit">40周学习计划</h2>
        <div class="hint_cont clear">
            <div class="hint_text">
                <div class="middle state_t"><img src="images/js.png" class="middle state_img" alt=""><span class="middle">已学习</span></div>
                <div class="middle state_t"><img src="images/xxz.png" class="middle state_img" alt=""><span class="middle">学习中</span></div>
                <div class="middle state_t"><img src="images/wjs.png" class="middle state_img" alt=""><span class="middle">未解锁</span></div>
            </div>
        </div>
    </div>
    <div class="bor"></div>

    <div class="major_item">
        <p class="study_tips">正在学习中：</p>
        <div class="major_cont major_bt c_w">
            <div class="major_course c_w clear">
                <div class="cour_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
                </div>
                <div class="cour_detail">
                    <h2 class="cour_tit"><strong>第一周</strong></h2>
                    <p class="cour_time">锻体疑精一式</p>
                    <p class="cour_diff"><span class="middle">状态：</span><span class="middle">已学习</span><img src="images/js.png" class="middle state_img" alt=""></p>
                </div>
                <div class="learn_but">
                    <input type="button" value="继续学习" class="l_but">
                </div>
            </div>
        </div>
        <div class="major_cont major_bt c_w">
            <div class="major_course c_w clear">
                <div class="cour_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
                </div>
                <div class="cour_detail">
                    <h2 class="cour_tit"><strong>第一周</strong></h2>
                    <p class="cour_time">锻体疑精一式</p>
                    <p class="cour_diff"><span class="middle">状态：</span><span class="middle">已学习</span><img src="images/js.png" class="middle state_img" alt=""></p>
                </div>
                <div class="learn_but">
                    <input type="button" value="继续学习" class="l_but">
                </div>
            </div>
        </div>
        <div class="major_cont major_bt c_w">
            <div class="major_course c_w clear">
                <div class="cour_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
                </div>
                <div class="cour_detail">
                    <h2 class="cour_tit"><strong>第一周</strong></h2>
                    <p class="cour_time">锻体疑精一式</p>
                    <p class="cour_diff"><span class="middle">状态：</span><span class="middle">已学习</span><img src="images/js.png" class="middle state_img" alt=""></p>
                </div>
                <div class="learn_but">
                    <input type="button" value="继续学习" class="l_but">
                </div>
            </div>
        </div>
        <div class="major_cont major_bt c_w">
            <div class="major_course c_w clear">
                <div class="cour_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
                </div>
                <div class="cour_detail">
                    <h2 class="cour_tit"><strong>第一周</strong></h2>
                    <p class="cour_time">锻体疑精一式</p>
                    <p class="cour_diff"><span class="middle">状态：</span><span class="middle">已学习</span><img src="images/js.png" class="middle state_img" alt=""></p>
                </div>
                <div class="learn_but">
                    <input type="button" value="继续学习" class="l_but">
                </div>
            </div>
        </div>
        <div class="major_cont major_bt c_w">
            <div class="major_course c_w clear">
                <div class="cour_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" alt="">
                </div>
                <div class="cour_detail">
                    <h2 class="cour_tit"><strong>第一周</strong></h2>
                    <p class="cour_time">锻体疑精一式</p>
                    <p class="cour_diff"><span class="middle">状态：</span><span class="middle">已学习</span><img src="images/js.png" class="middle state_img" alt=""></p>
                </div>
                <div class="learn_but">
                    <input type="button" value="继续学习" class="l_but">
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>